<?php
echo $this->render('common/header.phtml')?>
<link media="screen" type="text/css"
	href="<?php echo CSS_MIN_PATH;?>/popbee.css" rel="stylesheet">
<link media="screen" type="text/css"
	href="<?php echo CSS_MIN_PATH;?>/video.css" rel="stylesheet">
<link media="screen" type="text/css"
	href="<?php echo CSS_MIN_PATH;?>/videolanding.css" rel="stylesheet">
<?php
$table = Zend_Registry::get('database')->article;
$detail = $this->vedioDetail;
?>
<div style="margin: 0 0 0 14px;">
<?php
if (! empty($detail)) {
    ?>
    <div id="vsContent">
		<section class="g-12" id="vsLeft" style="width: 640px;">
			<div class="iloveline">
				<div
					style="margin: 15px 0 15px 0; font-family: 'FuturaPTLight-Reg', sans-serif;">
                    <?php
    echo $this->breadcrumb;
    ?>
                </div>
			</div>
			<div class="ad clearfix clear" id="adSponsorLogo">
				<span id="ams_elm_sponlogo"></span>
			</div>
			<div class="clear"></div>
			<!-- START OF XS VIDEO SERIES V2 PLAYER -->
			<section id="promoArea">
                <?php
    echo $this->htmlFlash(json_decode($detail[$table->url], true), array(
        'width' => 617,
        'height' => 349,
        'id' => 'myExperience',
        'class' => 'BrightcoveExperience',
        'seamlesstabbing' => false
    ));
    ?>
            </section>
			<!-- //END OF XS VIDEO SERIES V2 PLAYER -->
			<div id="player_right">
				<div id="info">
					<br>
					<h1 id="vidTitle" style="font-size: 36px;"><?php echo $detail[$table->title]; ?></h1>
					<!-- //end of video title -->
					<br>
					<p id="vidDesc" style="font-size: 18px;">
                        <?php echo $detail[$table->description]; ?>
                    </p>
					<!-- //end of video dek -->
				</div>
				<!-- //end of player info -->
			</div>
		</section>
		<div class="clear"></div>
		</section>
		<!-- //END OF XS VIDEO SERIES V2 BOTTOM CONTENT -->
	</div>
<?php
}
?>
    <section id="vsBottom">
		<!-- START OF XS VIDEO SERIES V2 EPISODE GUIDE -->
		<section id="episodeGuide">
			<header id="guideHead">
				<h3>More Celebrity Videos</h3>
				<section id="pagination">
					<h4></h4>
					<nav class="playListPagingHolder" id="playListPagination"
						style="display: none;">
						<span><em><a onclick="goToPrevPlayList();" style="display: none"
								class="prevPlayList"><span class="icPrevious"> &lt; </span></a></em></span>
						<a class="playListNum currPlayList">1</a> <span><em><a
								onclick="goToNextPlayList();" style="" class="nextPlayList"><span
									class="icNext"> &gt; </span></a></em></span>
					</nav>
				</section>
			</header>
			<!-- //END OF GUIDE HEAD -->
		</section>
		<!-- //END OF XS VIDEO SERIES V2 EPISODE GUIDE -->
	</section>
	<div class="clearfix masonry" id="pins"
		style="position: relative; height: 720px; width: 100%;">
        <?php
        $articles = $this->articleList;
        $video = Zend_Registry::get('config')->video;
        $width = $video->width;
        $height = $video->height;
        $rownum = $video->rownum;
        for ($i = 0; $i < count($articles); $i ++) {
            ?>
        <div class="pin video pin-872 masonry-brick" style="position: absolute; top: <?php echo (int)($i / $rownum) * $height; ?>px; left: <?php echo $i % $rownum * $width; ?>px;">
			<div class="thumbnail">
				<a
					href="<?php echo APPLICATION_URL; ?>/video/index/page/<?php echo $this->page; ?>/video/<?php echo $articles[$i][$table->id]; ?>"
					class="image nocursor"> <img width="306" height="172"
					src="<?php echo $articles[$i][$table->coverimage]; ?>">
				</a>
				<div class="shape"></div>
				<div class="excerpt">
					<span><?php echo $articles[$i][$table->title]; ?></span>
				</div>
			</div>
			<div class="info clearfix">
				<div class="author-info">
					<div class="post-date">
                        Posted: <?php echo date('F d, Y', strtotime($articles[$i][$table->ctime])); ?> by <a
							href="<?php echo APPLICATION_URL; ?>/author/index/author/<?php echo $articles[$i][$table->author]; ?>"
							class="user-profile"><?php echo $this->getAuthor($articles[$i][$table->author]); ?></a>
					</div>
				</div>
			</div>
		</div>
        <?php
        }
        ?>
    </div>
    <?php
    echo $this->render('common/pagination.phtml');
    ?>
</div>
<?php echo $this->render('common/footer.phtml')?>